<!-- <?php echo HTML::script('plugins/form-daterangepicker/daterangepicker.js');?> -->
<?php echo HTML::contenido('js/vendor/summernote/dist/summernote.css'); ?>
<?php echo HTML::contenido('js/vendor/summernote/dist/summernote-bs3.css'); ?>
<?php echo HTML::script('vendor/summernote/dist/summernote.min.js');?>
<?php echo HTML::script('jocnet/noticias.js');?>

<div id="page-heading">
      <ol class="breadcrumb">
        <li><a href="<?php echo(url(''));?>">Portada</a></li>
        <li>Joc Net</li>
        <li class="active">Modificar notícies</li>
      </ol>
    </div>
    <div class="container">

<div class="panel panel-info">
	<div class="panel-heading">
		<h4>Modificar Notícies</h4>
	</div>
	<div class="panel-body">
		<div class="row">
			<div class="col-md-12">
				<div class="box">
					<div class="box box-warning col-md-12">
						<dl class="dl-horizontal">
							<dt>Busqueda</dt>
							<dd>Introduir mínim 3 lletres.</dd>
							<dt>Eliminar</dt>
							<dd>Vestibulum id ligula porta felis euismod semper eget lacinia
								odio sem nec elit.</dd>
						</dl>
						<div class="col-md-4 search-form">
							<form class="text-right" action="#">
								<div class="input-group">
									<input type="text" placeholder="Busqueda"
										id="campo_busqueda_noticias" class="input-sm form-control ">
									<div class="input-group-btn" style="padding-left:10px">
										<button class="btn btn-sm btn-primary"
											onclick="borrar_lista();">
											<i class="fa fa-search"></i>
										</button>
										<button class="btn btn-sm btn-danger"
											onclick="borrar_lista('campo_busqueda_noticias');">
											 <i class="fa fa-trash-o"></i>
										</button>
									</div>
								</div>
							</form>
						</div>
						</br> </br>
						</br>
						<table class="table table-striped">
							<tbody id="listado_noticias"></tbody>
						</table>
					</div>
				</div>
			</div>
		</div>

</div>
<br/>

		<div class="panel panel-primary" id="mod_info_noticia" style="display: none">
			<div class="panel-heading">
				<ul class="nav nav-tabs">
					<li class="active"><a href="#pestaña1" data-toggle="tab">Noticia</a></li>
					<li><a href="#pestaña2" data-toggle="tab">Editor</a></li>
				</ul>
				<div class="options">
					<a href="#"><i class="fa fa-cogs"></i></a>
				</div>
			</div>
			<div class="panel-body">
				<div class="tab-content">
					<div class="tab-pane active" id="pestaña1">
						<div class="col-md-4">
							<h4 class="box-title">Títol Noticia <span id="id_noticia"></span></h4>
							<div class="input-group col-md-12">
								<span class="input-group-addon">Títol Notícia</span> <input
									type="text" placeholder="Títol" id="nom_noticia"
									class="form-control">
							</div>

							<h4 class="box-title">Texto Descripcion</h4>
							<div class="input-group col-md-12">
								<textarea id="text_desc" placeholder="Enter ..." rows="3"
									class="form-control"></textarea>
							</div>
							<div class="input-group col-md-12" style="padding: 15px">
								<label> Actiu Portada <input type="checkbox" id="actiu_portada" checked />
								</label> <label></p> Actiu Seccio Noticies <input type="checkbox" id="actiu" checked /> </label>
							</div>
						</div>
						<div class="col-md-6">
							<h4 class="box-title">Sel·leccionar foto</h4>
							<div class="input-group col-md-12" style="padding: 15px">
								<div class="col-md-12">
									<div id="imatge_noticia" style="float: left; width: 152px; height: 152px; border-style: dotted; border-width: 1px; margin-bottom: 2em;">
									</div>
								</div>
								<div class="col-md-12">
									<input id="avatar" type="file"  class="form-control" onchange="cargar_foto_noticias();" name="avatar">
									</p>
								</div>
							</div>
						</div>
						<div class="col-md-12">
							</p>
							<button class="btn btn-default pull-left" onclick="javascript:guardar_modificacion_noticia();">
								<i class="fa fa-plus"></i> <?php echo(Lang::get('jocnet.modificar_noticia')); ?>
							</button>
						</div>
					</div>
					<div class="tab-pane" id="pestaña2">
						<div class="col-12">
							<textarea class="summernote"></textarea>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
</div>

<script>
	
	$('.summernote').summernote({
   		 height: 500,
  		 maxHeight: null,   
   		 focus: true
    });
	
	var consulta;

	//hacemos focus al campo de búsqueda
	$("#campo_busqueda_noticias").focus();

	//comprobamos si se pulsa una tecla
	$("#campo_busqueda_noticias").keyup(function(e){
		borrar_lista();
		string = $("#campo_busqueda_noticias").val(); //obtenemos el texto introducido en el campo de búsqueda
		if(string.length >=3){ // hay que introducir 3 caracteres para poder realizar la busqueda
			peticion_busqueda_noticia(string); //hacemos peticion con el valor introducido devolviendo las noticies
		}
	});

</script>
